<!DOCTYPE html>
<html>
  <head>
    <title>Dead project</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.css" rel="stylesheet" media="screen">
    <!-- JavaScript plugins (requires jQuery) -->
    <script src="http://code.jquery.com/jquery.js"></script>
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top bs-docs-nav header">
      <div class="container">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-brand">LOGO</a>
        <div class="nav-collapse collapse bs-navbar-collapse">
          <ul class="nav navbar-nav">
            <li>
              <input type="text" class="form-control" style="margin-top:5px" placeholder="Enter your text">
            </li>
            <li>
              <a href="#"><i class="icon-envelope-alt"></i> Message</a>
            </li>
            <li class="active">
              <a href="#"><i class="icon-info-sign"></i> Notification</a>
            </li>
            <li>
              <a href="#"><i class="icon-wrench"> Setting</i></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div style="padding:80px 30px 40px">
	    <div class="container">
	        
	        <div class="row">
	        	<div class="col-lg-2">
		              <ul class="nav nav nav-pills nav-stacked">
		                <li class="active"><a href="#">Tributes</a></li>
		                <li><a href="add_a_person.html">Add a person</a></li>
		                <li><a href="#">Anniversary</a></li>
		                <li><a href="#">Respected people</a></li>
		                <li><a href="#">My added dead people</a></li>
		                <li><a href="#">News</a></li>
		              </ul>
		          </div>
	        	<div class="col-lg-10">
	        		<div class="row" style="text-align:center">
			        	<h3>Name person</h3>
			        	<p>Aug, 4, 1999 - Aug, 2, 2013</p>
			        	<p>Sate, Country | Age: 75</p>
			        	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
			        </div>
	        		<div class="row">
		        		<div class="col-lg-3 item-person-in-list">
			              <div class="thumbnail">
			                  <img data-src="holder.js/300x200" alt="">
			              </div>
			            </div>
			            <div class="col-lg-3 item-person-in-list">
			              <div class="thumbnail">
			                  <img data-src="js/holder.js/300x200" alt="">
			              </div>
			            </div>
		            </div><!--End row -->

		            <div class="row">
		            	<div class="col-lg-4">
		            		<button type="button" class="btn btn-primary btn-xs"><i class="icon-chevron-down"></i> Subsribed</button>
		            	</div>
		            	<div class="col-lg-8" style="text-align:right">
		            		<span class="total-count">100,567</span>
		            	</div>
		            		
		            </div><!--End row-->
		            <div class="row" style="margin-top:20px">
		            	<ul class="nav nav-tabs">
						  <li class="active"><a href="#home" data-toggle="tab"><i class="icon-info-sign"></i> About</a></li>
						  <li><a href="#profile" data-toggle="tab">Share</a></li>
						  <li><a href="#messages" data-toggle="tab"><i class="icon-flag"></i> Flag</a></li>
						</ul>
						<div class="tab-content">
						  <div class="tab-pane active" id="home">
						  	<div class="text-1">
						  		<div class="more-less">
						  		<p>
						  			Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
								</p>
						  		</div>
						  	</div>
						  </div>
						  <div class="tab-pane" id="profile">
						  	<div class="text-1">
						  		<!-- AddThis Button BEGIN -->
								<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
								<a class="addthis_button_preferred_1"></a>
								<a class="addthis_button_preferred_2"></a>
								<a class="addthis_button_preferred_3"></a>
								<a class="addthis_button_preferred_4"></a>
								<a class="addthis_button_compact"></a>
								<a class="addthis_counter addthis_bubble_style"></a>
								</div>
								<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
								<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f8641232c202083"></script>
								<!-- AddThis Button END -->
						  	</div>
						  </div>
						  <div class="tab-pane" id="messages">Report</div>
						</div>

						<script>
						  $(function () {
						    $('#myTab a:first').tab('show');
						  })
						</script>
		            </div><!--End row-->
		            <div class="row"><h6>All comments (45)</h6></div>
		            <div class="row">
		            	<div class="col-lg-1">
		            		<div class="thumbnail">
			                  <img data-src="js/holder.js/80x30" alt="">
			              </div>
			          	</div>
			          	<div class="col-lg-10">
		            		<textarea placeholder="Write a comment" class="form-control" rows="2"></textarea>
		            	</div>
		            </div>
	        	</div><!--End col 10-->
	        </div>
	    </div>

  	</div>
    
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
    <script src="js/respond.js"></script>
    <script src="js/holder.js"></script>
  	<script type="text/javascript" src="js/showLess_More.js"></script>
  </body>
</html>